<%-- 
    Document   : Search
    Created on : Dec 8, 2013, 1:29:52 AM
    Author     : lyhoang
--%>

<style type="text/css">


#page{
    
    height:28px;/* uses broken box model*/
    width:40px;
    line-height:26px;/* safari doesn't use height but fiddle with line-height until it looks right*/
}



</style>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page language="java"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%> 
<!--Hien thi hinh anh dac trung-->
<div class="category-banner">
	<img src="images/sunglass.jpg" title="Banner" alt="Banner" />
</div>
<!--End Hien thi hinh anh dac trung-->

<!--Hien thi danh sach san pham-->
<div class="new-product-block">
	<ul class="product-grid">
		<c:forEach var="p" items="${products }">
			<li>
				<div class="pro-img">
					<img title="Freature Product" alt="Freature Product"
						src="<c:url value="${p.linkImage}" />" />
				</div>
				<div class="pro-content">
					<p>${p.productname}</p>
				</div>
				<div class="pro-price"><fmt:formatNumber type="currency" currencySymbol="$" value="${p.price}"/> </div>
				<div class="pro-btn-block">
					<a class="add-cart left" href="addtocart.do?tbidProduct=${p.idproduct}&tbQuantity=1" title="Add to Cart">Add to
						Cart</a>
						 <a class="add-cart right " href="productdetail.do?idproduct=${p.idproduct}" >Quick View</a>
				</div>
				<div class="pro-link-block">
					<a class="add-wishlist left" href="#" title="Add to wishlist">Add
						to wishlist</a> <a class="add-compare right" href="#"
						title="Add to Compare">Add to Compare</a>
					<div class="clearfix"></div>
				</div>
			</li>
		</c:forEach>

	</ul>
</div>
<!--End Hien thi danh sach san pham-->

<!-- Hien thi phan trang -->
<div class="col-main-left">
	<div class="pagination">
		<ol class="wp-paginate">
			<li><span class="title">Pages:</span></li>
<!-- 			<li><a class="prev" href="#">&laquo;</a></li> -->
			<c:forEach var="t" begin="1" end="${totalPage}">
				<c:if test="${pagecurrent == t}">
            	
            	<li><span class="page current">${t }</span></li>
            	</c:if>
            	<c:if test="${pagecurrent != t}">
            	<li><a class="page" title="${t}" href="search.do?page=${t}&tbKeyWord=${tbKeyWord}&idcatogory=${idcatogory}">${t}</a></li>
            	</c:if>
			</c:forEach>
			
			
<!-- 			<li><a class="next" href="#">&raquo;</a></li> -->
		</ol>
	</div>
</div>

<!--Quy dinh phan dau cho viec hien thi-->
<div class="pager-container">

    <!--Phan dau-->
    <div class="pager">
        <!--So luong san pham-->
        <div class="show-items">
            
        </div><!--End So luong san pham-->

       
    </div><!--End Phan dau-->

<!--     -Sap xep su hien thi -->
<!--     <div class="view-by-block"> -->
<!--         <ul class="view-by"> -->
<!--             <li> -->
<!--                 View as: -->
<!--             </li> -->
<!--             <li> -->
<!--                 <a href="#" title="Grid" class="grid">Grid</a> -->
<!--             </li> -->
<!--             <li> -->
<!--                 <a href="#" title="List" class="list">List</a> -->
<!--             </li> -->
<!--         </ul> -->
<!--         <div class="short-by"> -->
<!--             <label>Sort By</label> -->
<!--             <select> -->
<!--                 <option>Position</option> -->
<!--             </select> -->
<!--         </div> -->
<!--     </div>-End Sap xep su hien thi -->
</div><!--End Quy dinh phan dau cho viec hien thi-->

